@tailwind base;
@tailwind components;
@tailwind utilities;

/* 
@tailwind：使用 @Tailwind 指令将 Tailwind 的 base, components, utilities 插入到 CSS 中。
@apply：使用 @apply 将任何样式内联到您自己的自定义 CSS 中。
@layer：使用 @layer 指令告诉 Tailwind 属于一组自定义样式的 “块”。在 base, components, utilities 有效。
@variants：您可以通过在 @variants 指令中包装它们的定义来生成响应式、hover, focus, active 和其他伪类。
@responsive：通过将 class 的定义包装在 @responsive 指令中，您可以生成自己 class 的响应式。
@screen: 使用@screen指令并按名称引用断点，而不是在您自己的CSS中复制它们的值。
theme()：使用 theme() 函数和 . 访问你的 Tailwind 配置值。
*/

/* @layer components {
  .color-primary {
    @apply text-blue-500;
  }
} */
